iT邦幫忙

2021 iThome 鐵人賽

DAY 19
0
Modern Web

是vue不是view系列 第 19

[Day 19] 現在才講全域註冊、區域註冊

  • 分享至 

  • xImage
  •  

選擇在今天講這個可能有點奇怪,但實在是不知道要在哪天講比較適合,又很想把這篇打出來!!於是這篇文就誕生啦~~

組件可以分兩種方式註冊:區域和全域,簡單概述一下這兩種註冊的差別:

全域註冊:整個vue.js都可以使用這個組件
區域註冊:只有特定實體才可以使用這個組件

不管事全域註冊還是區域註冊都必須在vue實體前完成

全域註冊

在註冊全域元件時,需要給定兩個參數 「組件名稱」、 「選項物件
來看看下面的例子, component-a就是我們的組件名稱,選項物件就是他後面的那些
https://ithelp.ithome.com.tw/upload/images/20211001/20139392DkU8rIDVZu.png
全域註冊有個缺點,就是會將原本不需要或沒用到的組件給載入進來,拖慢載入時間,區域註冊就不會有這個問題。

區域註冊

如果元件不需要共用,通常就會使用區域註冊,避免上面的載入問題,他是一個選項物件,利用components這個選項物件屬性來載入vue實例,來看看例子
https://ithelp.ithome.com.tw/upload/images/20211001/20139392tTKGS72fCM.png

結語

突然就結語了顆顆,就是來個出奇不易,有沒有更了解這兩者的差別呢?希望大家會喜歡今天的內容~~


上一篇
[Day 18] 來看看v-pre、v-cloak、v-once唄
下一篇
[Day 20] 看看看的監聽器watch
系列文
是vue不是view30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言